<!doctype html>
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>转账记录</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no, maximum-scale=1.0" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<meta name="msapplication-tap-highlinght" content="no" />
</head>
<style>
	html, body, div, span, applet, object, iframe,	h1, h2, h3, h4, h5, h6, p, blockquote, pre,	a, abbr, acronym, address, big, cite, code,	del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
	    margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;font-family: arial,微软雅黑;vertical-align: baseline;list-style: none;-webkit-tap-highlight-color:rgba(0,0,0,0);
	}
	input, select, textarea {
	    font-size: 100%; outline: none; border: none; background: none;
	}
	html{background:url(/static/images/bg.jpg) no-repeat center top,url(/static/images/bg_01.jpg);background-size:100%; height: 100%;}
	.attorn_logo{width:32.44vw;margin:3.29vw auto 0;}
	.attorn_logo img{width: 100%;}
	.attorn_list{width: 100%;position: relative;top: -8.78vw;left: 0;}
	.attorn_list img{width: 100%;}
	.data_form{color: rgb(255,255,255);margin-top: -10.75vw;}
	.data_form ul{position:relative; max-height:88vw;min-height: 87vw; overflow:auto;}
	.data_form li,div.hj{display: block; font-size: 3.2vw;text-align: center;margin-bottom: 4.89vw;height: 6.47vw;}
	.data_form li:last-child{margin-bottom: 0;}
	.data_form li p{float: left;}
	p.sj{margin-left: 6.13vw;}
	p.id{margin-left: 8.36vw;margin-top: 1.51vw;}
	p.ed{margin-left: 16.27vw;margin-top: 1.51vw;width: 7.47vw;}
	p.zs{margin-left: 16.62vw;margin-top: 1.33vw;}
	.down_btn{width: 6.04vw;position: absolute;left: 49.22vw;bottom: 58.83vw;}
	.down_btn img{width: 100%;}
	.search_box{width: 69.33vw;margin-left: 9.33vw;position: relative;display: inline-block;margin-top: 8.85vw;}
	.search_box img{width: 100%;}
	.search_box input{position: absolute;left: 5.23vw;top: 4.13vw;color: rgb(187,187,187);font-size: 3.2vw;width: 59.78vw;}
	.search_btn{width: 11.82vw;display: inline-block;margin-top: 0.85vw;margin-left: 2.93vw;}
	.search_btn img{width: 100%;}
	.hj{position: relative;font-size: 3.2vw;color: rgb(255,255,255)}
	.hj p.hj_txt{float: left;margin: 9.78vw 0 0 11.11vw;}
	.hj p.hj_ed{float: left;margin: 10.22vw 0 0 41.42vw;}
	.return_btn{width: 31.56vw;position: relative;margin: 9.23vw auto 0; }
	.return_btn img{width: 100%;}
	/* iphone4 */
	@media screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2){
		p.id{margin-left: 4.36vw;}
		p.ed{margin-left: 14.27vw;}
		p.zs{margin-left: 15.62vw;}
		.down_btn{left: 49.22vw;bottom: 49.63vw;}
		.data_form ul{max-height:68vw;min-height: 68vw;}
		.search_box {margin-top: 7.85vw;}
	}
	/*iphone5*/
	@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2){
		p.id{margin-left: 4.36vw;}
		p.ed{margin-left: 14.27vw;}
		p.zs{margin-left: 15.62vw;}
		.down_btn{left: 49.22vw;}
		.data_form ul {max-height: 88vw;}
	}
	/*Nexus 5s*/
	@media screen and (device-width: 412px) and (device-height: 732px) {
		.down_btn{left: 47.22vw;bottom: 43.63vw;}
	}
	/*ipad Pro*/
	@media screen and (device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2){
		.data_form li, div.hj {font-size: 2.5vw;margin-bottom: 2.89vw;}
		.data_form ul {max-height: 72vw;min-height: 70vw;margin-top: 1.21vw;}
		p.id {margin-left: 14.36vw;}
		.search_box {width: 58.33vw;margin-top: 3.55vw;}
		.search_box input {font-size: 2.5vw;width: 50.78vw;top: 3.63vw;}
		.search_btn {width: 9.92vw;}
		.hj p.hj_txt {margin: 5.78vw 0 0 10.11vw;}
		.hj p.hj_ed {margin: 6.22vw 0 0 43.42vw;}
		.down_btn {bottom: 33.73vw;}
		.return_btn {width: 23.56vw;margin: 5.23vw auto 0;}
	}
	/*ipad*/
	@media screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2){
		.data_form li, div.hj {font-size: 2.5vw;margin-bottom: 2.89vw;}
		.data_form ul {max-height: 72vw;min-height: 70vw;margin-top: 1.21vw;}
		p.id {margin-left: 14.36vw;}
		.search_box {width: 58.33vw;margin-top: 3.55vw;}
		.search_box input {font-size: 2.5vw;width: 50.78vw;top: 3.63vw;}
		.search_btn {width: 9.92vw;}
		.hj p.hj_txt {margin: 5.78vw 0 0 10.11vw;}
		.hj p.hj_ed {margin: 6.22vw 0 0 43.42vw;}
		.down_btn {bottom: 33.73vw;}
		.return_btn {width: 23.56vw;margin: 5.23vw auto 0;}
	}	
</style>
<body>
	<div class="wrap">
		<div class="attorn_logo">
			<img src="/static/images/attorn_logo.png" alt="">
		</div>
		<div class="attorn_list">
			<img src="/static/images/attorn_list.png" alt="">
		</div>
		<div class="data_form">
			<ul>
				{foreach name="list" id="vo"}
				<li>
					<p class="id">{$vo['date']}<br/>{$vo['time']}</p>
					<p class="id">{$vo['accepterid']}</p>
					<p class="ed">{$vo['diamond']}</p>
					<p class="zs">{$vo['surplus']}</p>
				</li>
				{/foreach}
			</ul>
			<div class="down_btn">
				<img src="/static/images/drop-down_btn.png" alt="">
			</div>
			<form method="post" name="form1" action="">
			<div class="search_box">
				<img src="/static/images/Search_box.png" alt="">
				<input type="text" value="{$id}" name="id" onfocus="if(value=='请输入目标ID查询') {value=''}" onblur="if (value=='') {value='请输入目标ID查询'}">
			</div>
				<input type="hidden" name="oid" value="{$oid}">
			<div class="search_btn">
				<a href="javascript:document.form1.submit();"><img src="/static/images/Search_btn.png" alt=""></a>
			</div>
			</form>

			<div class="hj">
				<p class="hj_txt">合计</p>
				<p class="hj_ed">{$diamond}</p>
			</div>
			<div class="return_btn">
				<a href="{$url}"><img src="/static/images/return.png" alt=""></a>
			</div>
		</div>
	</div>
</body>
<script src="/static/js/jquery190.js"></script>
<script>
	var w=window.innerWidth;
	var h=window.innerHeight;
	var L=$(".data_form ul li").length;
	window.onload=function(){
		if (w==320&h==480) {
			iphone4();
		}else{
			other();
		}
	}
	function iphone4(){
		if (L>6) {
			$('.down_btn').css('display','block')
		}else{
			$('.down_btn').css('display','none')
		}
	}
	function other(){
		if (L>8) {
			$('.down_btn').css('display','block')
		}else{
			$('.down_btn').css('display','none')
		}
	}
</script>
</html>